$mainColor: #043183;
$secondColor: #003dad;

#nprogress .bar {
    background: #06a2c9;
}

a {
    font-size: 16px;
    text-decoration: none;
}

#app .el-main {
    line-height: 32px;
}

#app,
.el-container,
body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    // overflow: hidden;
    font-size: 16px;
    color: #333;
    font-family: 微软雅黑;
}

.el-button--small,
.el-button--mini {

    // font-size: 14px;

}

html {
    overflow: auto;
}

i,
em {
    font-style: normal;
}

.webheart {
    width: 1400px;
    margin: 0 auto;
}

.pagination {
    margin-top: 20px;
    text-align: center;
}

//编辑器弹窗
#edui_fixedlayer {
    z-index: 3000 !important;
}

// 自定义按钮
.el-button--custom {
    color: #FFF;
    background-color: $mainColor;
    border-color: $mainColor;
}

.el-button--custom:focus,
.el-button--custom:hover {
    background: $secondColor;
    border-color: $secondColor;
    color: #FFF;
}

.el-breadcrumb {
    font-size: 16px;

}

.el-button--custom.is-plain {
    color: $mainColor;
    background: #fdf2f2;
    border-color: $secondColor;
}

.el-button--custom.is-plain:focus,
.el-button--custom.is-plain:hover {
    background: $secondColor;
    border-color: $secondColor;
    color: #FFF;
}

.el-button--custom.is-plain.is-disabled,
.el-button--custom.is-plain.is-disabled:active,
.el-button--custom.is-plain.is-disabled:focus,
.el-button--custom.is-plain.is-disabled:hover {
    color: #eaa6a6;
    background-color: #fdf6ec;
    border-color: #fdf2f2;
}

.el-button--custom.is-disabled,
.el-button--custom.is-disabled:active,
.el-button--custom.is-disabled:focus,
.el-button--custom.is-disabled:hover {
    color: #FFF;
    background-color: #fab6b6;
    border-color: #fab6b6;
}


//组织树的标签大小
.el-tree-node__content>.el-tree-node__expand-icon {
    padding: 6px;
    font-size: 24px;
}

.sheng {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

//文字说明
.txt-explain {
    font-size: 14px;
    color: #F56C6C;
}

.txt-hover {
    cursor: pointer;
    transition: all .3s ease-in-out;

    &:hover {
        color: $mainColor !important;
    }
}

.img-hover {
    overflow: hidden;
    cursor: pointer;

    img {
        display: block;
        width: 100%;
        height: 100%;
        transition: all .3s ease-in-out;

        &:hover {
            transform: scale(1.1);
        }
    }
}

.el-avatar>img {
    width: 100%;
}

//  浮动
.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

// 1行显示省略号
.one-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ones-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.four-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.three-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.two-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cup {
    cursor: pointer;

    &:hover {
        color: $mainColor;
    }
}

.color-success {
    color: #67C23A;
}

.color-waring {
    color: #E6A23C;
}

.color-danger {
    color: #F56C6C;
}

.color-info {
    color: #909399;
}

.color-primary {
    color: #409EFF;
}

.color-theme {
    color: var(--main-color);
}

.el-table__header th,
.el-table__header tr {

    color: #585858;
    font-size: 15px;
    padding: 0;
    margin-top: 10px;

}

.el-table th.el-table__cell {
    background-color: #f5f7fa;
    color: #585858;
    padding: 5px 0;
}

.el-table {
    margin-top: 10px;
}

@media screen and (max-width: 1400px) {
    .webheart {
        width: 96%;
        padding: 0 2%;
    }
}

.el-dialog__footer button.el-button.el-button--default:focus,
.el-dialog__footer button.el-button.el-button--default:hover {
    // color: $mainColor !important;;
    // border-color: #c6e2ff !important;;
    // background-color: #dcf5ee !important;
}